<template>
  <header>
      {{title}}
      <span @click="clickMore">更多</span>
  </header>
</template>

<script>
export default {
props:{
    title:{
        type:String,
        
    }
},
methods:{
    clickMore(){
        this.$emit("click-more")
    }
}
}
</script>

<style lang="less" scoped>
header{
    display: flex;
    justify-content: space-between;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    font-size: 18px;
    font-weight: bold;
    color: #6d6d6d;
    span{
        color: #c1c1c1;
        font-size: 16px;
    }
}
</style>